<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Talent</title>
    <link href="/css/result.css" rel="stylesheet">
</head>

<body>
    <h1>天赋潜能测试表（少儿版）</h1>
    <h2>
        青少儿的运动天赋与遗传、身体形态、身体素质等基因有关，其中有些基因型对运动能力的发展有促进作用。
        这些对运动能力有促进作用的基因形成了不同专项运动能力发展的优势。针对这一现象，我们特别为儿童设计了一套运动天赋测试。
        此项目可以为各大中小学提供运动员选拔的参考依据，为父母减少青少年运动项目试错的时间成本和金钱成本，
        还可用于专业运动员的选拔，形成从判断到开发到促起成长到线下培训的一条终身运动闭环。
    </h2>
    <div class="wrapper">
        <div class="card_wrap">
            <div class="card_cont">
                <div class="card">
                    <div class="box">
                        <div class="box_top">
                            <h3>报告</h3>
                            <div class="information">
                                <div class="input">
                                    <p>姓名:</p>
                                    <p>性别:</p>
                                    <p>年龄:</p>
                                    <p>联系方式:</p>
                                </div>
                                <div class="output">
                                    <p th:text="${session.user_name}" />
                                    <p th:text="${session.sex}" />
                                    <p th:text="${session.age}" />
                                    <p th:text="${session.phone}" />
                                </div>
                            </div>
                        </div>
                        <h3>根据综合测算，您具备的较好运动天赋潜能的项目及得分为以下几项</h3>
                        <div class="box_body">
                            <div class="box_left">
                                <div class="talent answer1">
                                    <!-- <p>p1</p> -->
                                    <span class="sort">First</span>
                                    <p th:text="${session.status0}" />
                                </div>
                                <div class="talent answer3">
                                    <!-- <p>p3</p> -->
                                    <span class="sort">Third</span>
                                    <p th:text="${session.status2}" />
                                </div>
                            </div>
                            <div class="box_right">
                                <div class="talent answer2">
                                    <!-- <p>p2</p> -->
                                    <span class="sort">Second</span>
                                    <p th:text="${session.status1}" />
                                </div>
                                <div class="talent answer4">
                                    <!-- <p>p4</p> -->
                                    <span class="sort">Fourth</span>
                                    <p th:text="${session.status3}" />
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
    </div>

    <div style="text-align:center;clear:both">
    </div>

</body>

</html>